@charset "utf-8";

@import "reset";
@import "common";

.web{
    section{
        width: 900px;
        margin: 36px auto;
        border-top: 1px solid #6db6ff;
        .navigation{
            width: 100%;
            div{
                width: 66px;
                height: 24px;
                background: #6db6ff;
                text-align: center;
                p{
                    color: white;
                }
            }
            .triangle{
                width: 0;
                height: 0;
                border-top:24px solid #6db6ff;
                border-right:12px solid white;
                border-bottom:10px solid white;
                border-left:0px solid #6db6ff;
            }
            table{
                tr{
                    td{
                        a{
                            color: black; 
                        }
                    }
                }
            }
        }
        .name1{
            width: 100%;
            margin-top: 56px;
            text-align: center;
            .chinese{
                font-size: 18px;
            }
            .english{
                font-size: 10px;
            }
        }
        .linellae{
            width: 156px;
            height: 30px;
            margin: 10px auto;
            border-top: 1px solid #6db6ff;
        }
        .presentation{
            width: 752px;
            margin: 0 auto;
            .introduce{
                width: 100%;
                border-top: 1px solid #6db6ff;
                border-bottom: 1px solid #6db6ff;
                .triangle_tl{
                    width: 0;
                    height: 0;
                    border-top:38px solid #6db6ff;
                    border-right:12px solid white;
                    border-bottom:10px solid white;
                    border-left:0px solid #6db6ff;
                }
                .triangle_tr{
                    width: 0;
                    height: 0;
                    border-top:38px solid #6db6ff;
                    border-right:0px solid #6db6ff;
                    border-bottom:10px solid white;
                    border-left:12px solid white;
                }
                .name2{
                    width: 100%;
                    margin-top: 4px;
                    text-align: center;
                    .chinese{
                        font-size: 16px;
                    }
                    .english{
                        font-size: 9px;
                    }
                }
                .article{
                    width: 100%;
                    p{
                        text-align: center;
                        margin-top:34px;
                        span{
                            font-size: 14px;
                        }
                    }
                    div{
                        margin-top:10px;
                        text-align:justify;
                        text-indent:20px;
                        span{
                            font-size: 12px;
                        }
                    }
                }
                .picture{
                    width: 750px;
                    height: 458px;
                    overflow: hidden;
                    margin: 16px auto;
                    img{
                        width: 100%;
                    }
                }
                .triangle_bl{
                    width: 0;
                    height: 0;
                    border-top:10px solid white;
                    border-right:12px solid white;
                    border-bottom:38px solid #6db6ff;
                    border-left:0px solid #6db6ff;
                }
                .triangle_br{
                    width: 0;
                    height: 0;
                    border-top:10px solid white;
                    border-right:0px solid #6db6ff;
                    border-bottom:38px solid #6db6ff;
                    border-left:12px solid white;
                }
            }
            .article_two{
                div{
                    margin-top: 10px;
                    text-align: justify;
                    span{
                        font-size: 10px;
                    }
                }
                .picture{
                    width: 750px;
                    height: 458px;
                    overflow: hidden;
                    margin: 8px auto;
                    img{
                        width: 100%;
                    }
                }
            }
        }
        p{
           text-align: center;
            a{
                color:black;
            }
        }
    }
}